Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / settings / SettingToggleRow.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"setting-toggle" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'opacity-50 cursor-not-allowed'Tff7b72: Te6edf3disabled Tb4b4b4}Ta5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72Toggle

Tb4b4b4:Te6edf3idTff7b72=Ta5d6ff"Te6edf3idTa5d6ff"

Tb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3modelValueTa5d6ff"

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3disabledTa5d6ff"

Tb4b4b4@Te6edf3updateTb4b4b4:Te6edf3model-valueTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:modelValue'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"setting-toggle__label"Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"setting-toggle__title"Tb4b4b4>Tff7b72{{ Te6edf3title Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3descriptionTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"setting-toggle__description"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"description"Tb4b4b4>Tff7b72{{ Te6edf3description Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72slotTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3hintTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"setting-toggle__hint"Tb4b4b4>Tff7b72{{ Te6edf3hint Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3Toggle Tff7b72from Ta5d6ff"../forms/Toggle.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"SettingToggleRow"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3ToggleTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3idTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3modelValueTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3titleTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3descriptionTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3hintTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3disabledTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:modelValue"Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;

Tb4b4b4.T56d364setting-toggle Tb4b4b4{

@apply relative flex flex-row-reverse items-start gap-3 rounded-2xl border border-gray-200 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-800 Te6edf3bg-whiteTff7b72/T79c0ff70 Te6edf3darkTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff70 Te6edf3px-3 Te6edf3py-3Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle Tff7b72> Tb4b4b4:Tf0883edeepTff7b72(Tff7b72labelTff7b72) Tb4b4b4{

@apply shrink-0 self-centerTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle Tb4b4b4:Tf0883edeepTff7b72(Tb4b4b4.T56d364sr-onlyTff7b72) Tb4b4b4{

@apply absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle__label Tb4b4b4{

@apply flex-1 min-w-0 flex flex-col gap-0.5Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle__title Tb4b4b4{

@apply text-sm font-semibold text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72white Te6edf3break-words Te6edf3leading-snugTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle__description Tb4b4b4{

@apply text-xs Te6edf3smTb4b4b4:Tff7b72textTff7b72-Te6edf3sm Tff7b72textTff7b72-Tff7b72grayT79c0ff-600 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-300 Te6edf3break-words Te6edf3leading-snugTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364setting-toggle__hint Tb4b4b4{

@apply text-xs text-gray-500 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-400 Te6edf3break-wordsTb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>